<template>
    <div class="city-header">城市选择
        <router-link to='/'>
            <span class="iconfont back-city">&#xe624;</span>
        </router-link>
    </div>
</template>

<script>
export default {
    name:"CityHeader"
}
</script>

<style scoped>
    .city-header{
        overflow:hidden;
        height:.86rem;
        line-height: .86rem;
        text-align:center;
        background: #00bcd4;
        color: #fff;
        font-size:.32rem;
        position:relative;
    }
    .city-header .back-city{
        position:absolute;
        top:0;
        left:0;
        width:.64rem;
        text-align:center;
        font-size:.4rem;
        color:#fff;
    }
</style>